<template>
	<view class="header">
		
		<view class="topTool">
			<view class="job">
				{{job}}
			</view>
			<view class="add" @tap="goAddJob">
				+
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		data() {
			return {
				
				
			};
		},

		components: {
			
		},
		props: {
			job:{
				type: String
			}

		},
		created() {
		
		},
		watch: {
			
		},
		mounted() {

		},
		methods: {
			goAddJob(){
				uni.navigateTo({
					url:'/pages/views/home/addJob'
				})
			}
		}
	};
</script>
<style>
	  .status_bar {
	      height: var(--status-bar-height);
	      width: 100%;
		  
	  }
</style>
<style scoped lang="less">
	.header {
		width: 100%;
	     position: fixed;
		 top: var(--status-bar-height);
		 z-index: 100;
		.topTool {
			width: 100%;
			height: 144upx;
			background-color: #3f6bb0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-top: 40upx;
		
			color: #fff;
		
			.job {
				font-size: 44upx;
				padding-left: 29upx;
			}
		
			.add {
				font-size: 80upx;
				padding-right: 29upx;
		
			}
		}
		
		
	}

	
</style>
